// 入口函数
$(function () {
  // 1. 渲染用户头像和信息
  getUserInfo()

  // 2. 退出功能
  $('#logout').on('click', function () {
    layui.layer.confirm('确认退出登录吗', { icon: 3, title: '提示' }, function (
      index
    ) {
      // 跳转登录页面，销毁token
      location.href = '/login.html'
      localStorage.removeItem('token')

      layer.close(index)
    })
  })
})

// 1.1 封装渲染用户头像信息的函数和ajax
function getUserInfo () {
  // 1.2 发送ajax
  axios({
    method: 'get',
    url: '/my/userinfo',
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(({ data: res }) => {
    //成功回调
    // console.log(res)

    if (res.status != 0) {
      return layui.layer.msg(res.message)
    }

    // 调用渲染页面函数
    renderAvatar(res.data)
  })
}

// 1.3 封装渲染头像信息函数
function renderAvatar (user) {
  // 1.3.1 渲染用户名
  // 因为会返回两个用户名，一个是初始账号名，一个是修改后的名字
  let name = user.nickname || user.username
  $('.welcome').html('欢迎&nbsp;' + name)

  // 1.3.2 渲染用户头像
  if (user.user_pic != null) {
    $('.text-avatar').hide()
    $('.layui-nav-img')
      .show()
      .attr('src', user.user_pic)
  } else {
    $('.layui-nav-img').hide()

    let first = name[0].toUpperCase()
    $('.text-avatar')
      .show()
      .html(first)
  }
}
